/* 首页横线 */
.head-nav .cent .first{
    width: 15px;
    padding-bottom: 25px;
    border-bottom: 3px solid #fff;
}


/* 2.广告  */
.banner{
    /* height: 340px; */
    font-size: 100px;
}
.banner .swiper{
    height: 680px;
}
.banner .swiper img{
    object-fit: cover;
    width: 100%;
    height: 680px;
}


/* 3.云服务 */
.serve{
    height: 630px;
}

.serve ul li{
    width: 240px;
    height: 280px;
    float: left;
    margin: 0 15px;
    box-shadow: 3px 4px 8px #2379e9;
}
.serve .cont{
    margin: 10px 50px;
}
.cont1-p{
    margin-top: 16px;
}



/* 4.API分类 */

.api{
    height: 640px;
    background: url(../imgs/more-api-bg.svg) center no-repeat #f8f9fb;
}
.api .content{
    width: 1200px;
}
.api .content li{
    width: 222px;
    height: 138px;
    /* line-height: 138px; */
    margin: 10px 22px 10px 0;
    float: left;
    background-color: #fff;
    position: relative;
    box-shadow: 3px 3px 8px #2379e9;
}
.api .content li:nth-child(5){
    margin-right: 0;
}
.api .content li:nth-child(10){
    margin-right: 0;
}

.api .content li a img{
    
    position: absolute;
    left: 50%;
    top: 25%;
    transform: translateX(-50%);
}
.api .content li a p{
    position: absolute;
    left: 50%;
    top: 60%;
    transform: translateX(-50%);
}
.api .content li:hover a{
    color: #fff;
}



/* 5.慧集/APIMaster */
.Master{
    height: 840px;
    
}

.Master .cont{
    display: flex;
}
.Master .cont .tu{
    flex: 1;
    box-sizing: border-box;
    margin-left: 140px;
}
.Master .cont .tu img{
    width: 500px;
}
.Master .cont .text{
    flex: 1;
}
.Master .cont .text li{
    width: 400px;
    height: 50px;
    background-color: #d9d9f5;
    margin: 30px 20px 0;
    padding-left: 10px;
    position: relative;
}
.cont-span{
    width: 4px;
    height: 26px;
    background-color: #2379e9;
    display: block;
    position: absolute;
    top: 12px;
    left: -2px;
    
}


/* 6.助力行业巨头 */
.magnate .cont{
    margin-top: 60px;
    height: 230px;
    background-color: #f8f9fb;
    position: relative;
}
.magnate .cont .picture{
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    opacity: 0;
}
.magnate .cont .active{
    opacity: 1;
}

.magnate .cont .picture .picture-1{
    width: 600px;
    margin-top: -30px;
    margin-right: 30px;
}
.magnate .cont .picture .picture-2{
    margin-top: -22px;
}
.magnate .cont .picture p{
    margin-top: 20px;
    font-size: 14px;
    line-height: 24px;
    /* position: relative; */
}

.picture-span{
    width: 20px;
    height: 3px;
    background-color: #2379e9;
    display: inline-block;
    margin-right: 10px;
    /* position: absolute;
    bottom: 14px;
    right: 94px; */
    
}


/* 商标 */
.magnate .brand{
    margin-top: 60px;
    /* margin: 40px 0 50px 0; */
    display: flex;
}
.magnate .brand img{
    height: 38px;
    flex: 1;
    filter: grayscale(1);
}







/* 7.数据安全和可靠合规的服务 */
.date{
    margin-top: 100px;
    margin-bottom: 100px;
}
.date ul li{
    float: left;
    text-align: center;
}

.date ul li:nth-child(3){
    margin-top: 20px;
    margin-right: 40px;
}
.date ul li:nth-child(4){
    margin-top: 20px;
    margin-right: 40px;
}
.date ul li:nth-child(5){
    margin-top: 20px;
}

.date ul li img{
    margin: 30px 30px 30px 30px;
}



/* 8.返回顶部按钮 topBtn */




/* 尾部 */
/* .foot .ft{

    background: url(../imgs/login-register-bg.svg) #33beff;
} */




